<template>
  <transition>
    <slot></slot>
  </transition>
</template>
<script>
  export default {
    name:'FadeAnimation'
  }
</script>
<style lang="stylus" scoped>
  .v-enter,.v-leave-to
    opacity:0
  .v-enter-active,.v-leave-active
    -webkit-transition: opacity 0.5s
    -moz-transition: opacity 0.5s
    -ms-transition: opacity 0.5s
    -o-transition: opacity 0.5s
    transition: opacity 0.5s

</style>
